<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <title>Satellite Control Center - Astrium - Register</title>
  
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css">

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

  <script type="text/javascript" src="addTemplate.js"></script>

  <script src="https://d10ajoocuyu32n.cloudfront.net/codiqa.ext.js"></script>
  <!-- <script src="http://192.168.56.102/invokeCRUD.js"></script> -->
  <script src="/AMRA-SCC/MobilityAccess/WebContent/Static/Javascript/invokeCRUD.js"></script>

</head>
<body>
	<div data-role="page" id="page-1">
		<div id="panel-wrapper">			
		</div>
		<div id="page-wrapper">
			<div data-role="header" id="header">
			</div>
			<div id="content-wrapper">
				<div data-role="navbar" id="navbar">
					<ul>
						<li><a href="/AMRA-SCC/MobilityAccess/WebContent/WEB-INF/editUserMobilityPage.html" data-transition="slidedown" rel="external">Edit roles</a></li>
						<li><a href="#" data-transition="none" class="ui-btn-active">Add roles</a></li>
					</ul>
				</div>
				<div data-role="content" id="content" style="width:700px">
					<h2>
						Add User
					</h2>
					<div data-role="fieldcontain">
					  
						<input name="" id="role" placeholder="Role" value=""  type="text">
					</div>
					<div data-role="fieldcontain">
						
						<input name="" id="password" placeholder="Password" value="" type="password">
					</div>
					<div id="checkboxes" data-role="fieldcontain" style="width:700px">
					
					
						<fieldset data-role="controlgroup" data-type="vertical" data-mini="true">
						
							<input id="6" name="accessRights[]" type="checkbox" value ="Go No Go" >
							<label for="6">
								Go No Go
							</label>
							<input id="4" name="accessRights[]" type="checkbox" value ="Decision Making">
							<label for="4">
								Decision Making
							</label>
							<input id="5" name="accessRights[]" type="checkbox" value ="Wiki">
							<label for="5">
								Wiki
							</label>
							<input id="1" name="accessRights[]" type="checkbox" value ="FOPViewer">
							<label for="1">
								FOPViewer
							</label>
							<input id="2" name="accessRights[]" type="checkbox" value ="Log Monitoring" >
							<label for="2">
								Log Monitoring
							</label>
							<input id="3" name="accessRights[]" type="checkbox" value ="TM Viewer">
							<label for="3">
								TM Viewer
							</label>
							
						</fieldset>
					</div>
					<div style="width:550px">
						<button onclick="callCreateUser()" data-theme="c"> Add User </button>
					</div>
				</div>
			</div>
			<footer data-role="footer" id="footer" data-position="fixed">
			</footer>
		</div>
	</div>

</body>
</html>